@charset "utf-8";
/*++++author:智慧云擎*******************/
/*+++++time:2020-09-22****************/
/*header*/
.c_top{height:85px;width:100%;background: #fff;/*border-bottom:1px solid #222222;*/}
.c_top .blockbox .c_logo{width:170px;height: 60px;margin:10px auto 10px auto;}
.c_top .blockbox .c_logo a{position: relative;}
.c_top .blockbox .c_logo a,.c_top .blockbox .c_logo a img{display: block;width:100%;height: 100%;}
.c_top .blockbox .c_nav{height: 85px;}
.c_top .blockbox .c_nav ul.nav_box{width:970px;float: left;}
.c_top .blockbox .c_nav li.li{line-height:85px;height: 100%;font-size: 16px;float: left;padding:0 10px; font-family: '微软雅黑';}
.c_top .blockbox .c_nav li.li:hover a.father,.c_top .blockbox .c_nav li.li.on a.father{color:#B3181E;}
.c_top .blockbox .c_nav li.li a.father:after{ position:absolute;left:20px;bottom:0;content: "";display: inline-block;height: 4px;background:#B3181E;bottom: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);width: 0;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.c_top .blockbox .c_nav li.li:hover a.father:after,.c_top .blockbox .c_nav li.on a.father:after{opacity:1;transition: all .35s ease;width: 100%;}
.c_top .blockbox .c_nav li.li a.father{color:#000000;display: block;position: relative;height: 100%;text-align: center;padding:0 5px;}
.c_top .blockbox .c_nav li:hover .pcsonnav{display:block;}
.c_top .blockbox .c_nav .pcsonnav{position:absolute;left:0;top:85px;width:100px;background:#fff; display:none;z-index:99999; }
.c_top .blockbox .c_nav .pcsonnav dd{text-align: center;overflow: hidden;display: block;width:100%;line-height: 35px;padding:12px 0 0 0;}
.c_top .blockbox .c_nav .pcsonnav a{display:block;color:#000;width:100%;font-size:16px;transition:all .3s ease;-webkit-transition:all .3s ease;}
.c_top .blockbox .c_nav .pcsonnav a:hover{color:#fff;transition:all .3s ease;-webkit-transition:all .3s ease;background: #b3181e}
.share_box{float: right;width:145px;height: 20px;border-left:1px solid #D3D3D3;margin:40px 0;}
.share_box ul{width:98%;height: 100%;margin-left:2%;}
.share_box ul li{float: left;margin-left:15px;}
.share_box ul li.wechatGray {width:22px;height: 19px;}
.share_box ul li img{display: block;width:100%;height: 100%;cursor: pointer;}
.share_box ul li.douyin_li{width: 18px;height: 20px;}
.share_box ul li.chuanyi_li{width:21px;height: 20px;}
.share_box ul li.search_li{width:19px;height: 19px;}
.light1{
	cursor:pointer;
	position: absolute;
	left: -120px;
	top: 0px;
	width: 160px;
	height:47px;
	background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	transform: skewx(-25deg);
	-o-transform: skewx(-25deg);
	-moz-transform: skewx(-25deg);
	-webkit-transform: skewx(-25deg);
	-ms-transform: skewx(-25deg);
	animation:light_move 1.5s infinite linear ;
	-webkit-animation:light_move 1.5s infinite linear ;
	-moz-animation:light_move 1.5s infinite linear ;
	-o-animation:light_move 1.5s infinite linear ;
	-ms-animation:light_move 1.5s infinite linear ;
}
@keyframes light_move {
	0% {left:0;}
	30%{left:160px}
	75%{left:50px;}
	100%{left:220px;}
}
@-moz-keyframes light_move {
	0% {left:0;}
	30%{left:160px}
	75%{left:50px;}
	100%{left:220px;}
}
@-webkit-keyframes light_move {
	0% {left:0;}
	30%{left:160px}
	75%{left:50px;}
	100%{left:220px;}
}
@-o-keyframes light_move{
	0% {left:0;}
	30%{left:160px}
	75%{left:50px;}
	100%{left:220px;}
}
@-ms-keyframes light_move{
	0% {left:0;}
	30%{left:160px}
	75%{left:50px;}
	100%{left:220px;}
}
/*y_banner*/
.y_banner{width:100%;position:relative;overflow:hidden;height:auto;}
 .y_banner .bd_bigbanner{position:relative; height:100%; z-index:0; }
.y_banner .bd_bigbanner ul{overflow: hidden;width:100%;}
.y_banner .bd_bigbanner ul li{width:100%;height:100%;overflow: hidden;zoom:1; vertical-align:middle;}
.y_banner .bd_bigbanner ul li a{display: block;width: 100%;height: 100%;}
.y_banner .bd_bigbanner ul li a img{display: block;width:100%;height: auto;}
.y_banner .hd_bigbanner{height:4px;width:1200px;text-align:center;position:absolute;left:50%;margin-left:-600px;bottom:40px;z-index:5;}
.y_banner .hd_bigbanner li{display:inline-block;width:40px;height:4px;background:#717171;margin:0 6px;cursor:pointer;text-indent:-9999999px;transition: all .35s ease;}
.y_banner .hd_bigbanner li.on{transition: all .35s ease;background:#fff;}
/***c_service*/
.c_service{background: #F9F9F9;padding: 40px 0 50px 0;overflow: hidden;width:100%;min-height: 350px;}
.c_service .c_comontitle{background: url(../images/service.png) no-repeat center top;}
.c_service .c_comontitle h2{padding-top: 15px;}
.c_service .blockbox{height: 100%;}
.c_service .blockbox ul.item{margin-top:50px;overflow: hidden;}
.c_service .blockbox ul.item>li{float: left;width:300px;height: 380px;background: url(../images/sericebg.png) no-repeat center;cursor: pointer;}
.c_service .blockbox ul.item>li:hover{background: url(../images/sericebg1.png) no-repeat center; }
.c_service .blockbox ul.item>li div.circle{width:74px;height: 74px;border-radius:100%;margin:0 auto;background: #484B52;margin-top:30px; }
.c_service .blockbox ul.item>li div.circle img{width:74px;height: 74px;}
.c_service .blockbox ul.item>li h2{text-align: center;color: #333;font-size: 18px;padding:15px 0;}
.c_service .blockbox ul.item>li ul{width:220px;margin:0 50px 0 30px;background:red;}
.c_service .blockbox ul.item>li ul li.li{float: left;width:50%;}
.c_service .blockbox ul.item>li ul li.li img{display: block;width:28px;height: 28px;margin: 8px auto;}
.c_service .blockbox ul.item>li ul li.li h4{color:#333;font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;font-weight: 400;}
.c_service .blockbox ul.item>li ul li.li:nth-child(3),.c_service .blockbox ul.item>li ul li.li:nth-child(4){margin-top:30px;}
.c_service .blockbox ul.item>li:hover h2{color:#B3171D;}
.c_service .blockbox ul.item>li:hover div.circle{background: #b3171d}

/**c_case*/
.c_case{padding:60px 0 100px 0;background: #fff;overflow: hidden;width:100%;}
.case_intro{background:url(../images/khbg.png) no-repeat center bottom;padding-bottom:70px;width:1200px;margin:0 auto;overflow: hidden;}
.case_intro h2{color:#666666;font-size:18px;font-family:"楷体";text-align:center;line-height:1.6;font-weight:400;padding:0 60px;}
.c_case .c_comontitle{background: url(../images/case.png) no-repeat center top;margin-top:50px;}
.c_case .c_comontitle h2{padding-top: 20px;}
.c_case .blockbox{overflow: hidden;}
.c_case .blockbox ul{width: 100%;overflow: hidden;margin-top: 40px;}
.c_case .blockbox ul li{float: left;width:300px;height: 200px; overflow: hidden;}
.c_case .blockbox ul li a{display: block;overflow: hidden;width:100%;height: 100%;position: relative;}
.c_case .blockbox ul li a div.img{width:300px;height: 200px;overflow: hidden;}
.c_case .blockbox ul li a .c_detailbox{transition:all 0.2s ease; -webkit-transition:all 0.2s ease;width:300px;height: 200px;background: url(../images/case/mask.png) no-repeat center;position: absolute;top:-100%;left:0;text-align: center;}
.c_case .blockbox ul li a .c_detailbox h2{color:#fff;font-size: 22px;font-weight:500;}
.c_case .blockbox ul li a .c_detailbox h4{color: #fff;font-size: 14px;font-weight: 400;padding-top:5px;}
.c_case .blockbox ul li a:hover .c_detailbox{top:0;}
.c_case .blockbox ul li a:hover  div.img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
/****c_num**/
.c_num{width:100%;overflow: hidden;background-size:cover;}
.c_inum{height: 350px;background:url(../images/numbg.png) no-repeat center;}
.c_num .blockbox{overflow: hidden;}
.c_num .blockbox ul{overflow: hidden;width:100%;height: 100%}
.c_num .blockbox ul li{float: left;width:238px;border-left:2px solid #7a7b83;padding:0 20px 0 40px;}
.c_inum .blockbox{height: 260px;}
.c_num .blockbox ul li p.num{color:#fff;font-size: 70px;font-family: "din-bold";font-weight: 600;text-align: left;}
.c_num .blockbox ul li p.num::after{content:'';height:8px;width:50px;background:#B3171D;display: block;margin-left:4px;}
.c_num .blockbox ul li p.dot{color:#fff;font-size: 14px;line-height: 24px;padding-top:25px;}

/**c_news**/
.c_news{padding:45px 0 60px 0;background: #fff;width:100%;overflow: hidden;}
.c_newsleft,.c_newsright{height: 545px;width: 545px;}
.c_newsleft .c_comontitle{background: url(../images/news.png) no-repeat left top;text-align: center;}
.c_newsleft .c_comontitle h2{padding-top:18px;text-align:left;}
.c_newsleft .firstnews{overflow:hidden;background: #fff;padding:30px;margin-top:40px;}
.c_newsleft .firstnews a.li{display: block;overflow: hidden;}
.c_newsleft .firstnews a.li div.img{width:480px;height: 280px;overflow: hidden;border-radius:4px;width:100%;}
.c_newsleft .firstnews a.li h2{height: 50px;line-height: 50px;border-bottom: 1px solid #EDEDED;}
.c_newsleft .firstnews a.li h2 span.oe,.c_newsright .newsList dl dd h2 span.oe{display: inline-block;color:#333;font-size: 18px;width:70%;font-weight: 500;float:left;}
.c_newsleft .firstnews a.li h2 span.time,.c_newsright .newsList dl dd h2 span.time{color:#888;font-size: 14px;display: inline-block;width:30%;float:right;text-align: right;font-weight: 500;}
.c_newsleft .firstnews a.li p.dot,.c_newsright .newsList dl dd p.dot{width:100%;line-height:24px;height:48px;overflow:hidden;font-size: 14px;color:#888;padding-top:5px;}
.c_newsleft .firstnews a.li:hover h2 span.oe,.c_newsright .newsList dl a:hover h2 span.oe{color:#B3181E;}
.c_newsleft .firstnews a.li:hover p.dot,.c_newsright .newsList dl a:hover p.dot{color:#555;}
.c_newsright .tabNews{height: 55px;margin-bottom: 40px;text-align: right;overflow: hidden;}
.c_newsright .tabNews a{line-height: 51px;display: inline-block;margin:0 0 0 20px;color:#333;font-size: 16px;border-bottom:4px solid #fff;}
.c_newsright .tabNews a:hover,.c_newsright .tabNews a.on{border-color:#B3171D;color:#B3171D;}
.c_newsright .newsList{overflow: hidden;}
.c_newsright .newsList .newspal{padding:30px;}
.c_newsright .newsList dl{height: 110px;width:100%;margin-bottom:28px;}
.c_newsright .newsList dl a{display: block;overflow: hidden;}
.c_newsright .newsList dl dt{width: 157px;height: 110px;overflow: hidden;border-radius: 5px;float: left;}
.c_newsright .newsList dl dd{margin-left:180px;}
.c_newsright .newsList dl dd h2 {line-height: 40px;height: 40px;border-bottom: 1px solid #EDEDED;}
.c_newsright .newsList dl:nth-child(3){margin-bottom: 0}
.c_newsright{width:600px;}
/**c_partner**/
.c_partner{padding:60px 0 70px 0;overflow: hidden;width:100%;background: #FAFAFA;}
.c_partner .c_comontitle{background: url(../images/parter.png) no-repeat center top;}
.c_comontitle{text-align: center;}
.c_comontitle h2{color:#333;font-size: 26px;text-align: center;letter-spacing: 2px;}
.c_partner  .c_comontitle h2{padding-top:15px;}
.c_comontitle p.txt{color:#878787;font-size: 16px;padding-top: 5px;letter-spacing: 2px;}
.c_partner .blockbox{padding:50px 0 0 0;}
.c_partner .blockbox ul{overflow: hidden;width:100%;height: auto;}
.c_partner .blockbox ul li{float: left;width:372px;height: auto;min-height: 190px;margin-bottom: 30px;}
.c_partner .blockbox ul li .profile{border-radius:100%;width:80px;height: 80px;overflow: hidden;float: left;}
.c_partner .blockbox ul li .profile img{display: block;width:100%;border-radius: 100%;overflow: hidden;}
.c_partner .blockbox ul li .words{float:right;width:234px;margin-top:30px;padding:20px;background: #fff;border-radius:0 20px 35px 35px; -webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 18px; -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 18px;-ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 18px;-o-box-shadow:rgba(0,0,0,0.1) 0px 0px 18px;box-shadow:rgba(0,0,0,0.1) 0px 0px 18px;}
.c_partner .blockbox ul li .words h4{font-size: 18px;color:#333;font-weight: 600;}
.c_partner .blockbox ul li .words p{line-height:1.6;color:#333;font-size: 14px;padding-top:15px;}

/***c_footer***/
.c_footer{width:100%;padding-top:60px;overflow: hidden;background: #212429;}
.c_footer .blockbox{overflow: hidden;padding-bottom: 30px;}
.c_footer .blockbox .f_logo{width:200px;height: 110px;}
.c_footer .blockbox .f_logo div.img{width:162px;height: 46px;}
.c_footer .blockbox .f_logo ul{border:1px solid  #43464E;height: 38px;width:156px;margin:18px 0 0 5px;border-right: none;}
.c_footer .blockbox .f_logo ul li{float: left;height: 38px;width: 38px;border-right:1px solid  #43464E;background:#282A30;cursor: pointer;}
.c_footer .blockbox .f_logo ul li img{width:22px;height: 22px;margin:8px auto;display: block;}
.c_footer .blockbox .f_link{width:870px;overflow: hidden;}
.c_footer .blockbox .f_link dl{float: left;width: 149px;border-left:1px solid #3D3F44;overflow: hidden;padding-left: 20px;}
.c_footer .blockbox .f_link dl dt{display: block;font-size: 14px;line-height: 20px;text-align: left;}
.c_footer .blockbox .f_link dl dt a{color:#fff;}
.c_footer .blockbox .f_link dl dd{padding-top: 15px;}
.c_footer .blockbox .f_link dl dd a{line-height: 30px;display: block;text-align: left;font-size: 14px;color:#888;}
.c_footer .blockbox .f_link dl dd a:hover{color:#B3181E }
.tel_box{float: right;overflow: hidden;}
.tel_box h4{color: #fff;font-size: 14px;font-weight: 400;line-height: 25px;margin-bottom: 15px;}
.tel_box p{font-size: 14px;color: #888;line-height: 30px;padding-left: 30px;}
.tel_box p.p1{color: #888;background: url(../images/icon/phone.png) no-repeat left center}
.tel_box p.p2{color: #888;background: url(../images/icon/tel.png) no-repeat left center}
.tel_box p.p3{color: #888;background: url(../images/icon/001.png) no-repeat left center}
.c_footer .copyright{text-align: center;color: #888;font-size: 14px;line-height: 40px;padding-bottom: 15px;}
.online_order{width:100%;height: 40px;background:#17191E;padding:30px 0;overflow: hidden;}
.online_order .order_form{width:1200px;height: 100%;margin:0 auto;text-align: center}
.input_text{height: 40px;line-height: 40px;border:none;background: #36383F;font-size: 14px;color:#ddd;border-radius:5px;padding-left: 10px;margin:0 12px;display: inline-block;}
.input_submit{display: inline-block;width:220px;height: 40px;line-height: 40px;text-align: center;letter-spacing: 2px;color:#fff;font-size: 14px;background: #B3171D;border:none;cursor:pointer;border-radius:5px;margin-left:12px;}


/**********内页公共banner****************************/
.c_nybanner {width:100%;overflow: hidden;height:505px; position: relative;z-index: 1}
.c_nybanner img{-webkit-animation: scaleBigToSmall 2s;animation: scaleBigToSmall 2s;display: block;/*width: 100%;height: 100%;max-width: 100%;max-height: 100%;*/object-fit: cover;}
.c_nybanner .banner_title{color:#fff;position: absolute;top:0;left:0;-webkit-animation: fadeInDown 1s;animation: fadeInDown 1s;width:100%;height: 100%;}
.c_nybanner .banner_title h4{font-size: 55px;font-weight:600;text-align: center;letter-spacing: 5px;}
.c_nybanner .banner_title .table{width:1200px;margin:0 auto;}
.c_nybanner .banner_title .crumbs{color: #fff;font-size:14px;margin-top:30px;font-size:34px;text-align: center;font-weight: 300;}


/*******news pages*******/
.news_boxlist{width:100%;overflow: hidden;background: #fff;padding:30px 0 60px 0;}
.news_boxlist .blockbox{overflow: hidden;}
.news_boxlist .blockbox ul {overflow: hidden;width:100%;height: auto;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.news_boxlist .blockbox ul li{width:372px;height: 390px;overflow: hidden;margin-bottom:30px;margin-right: 25px;}
.news_boxlist .blockbox ul li:last-child:nth-child(3n + 2){margin-right: calc((100% - 372px) / 2);}
.news_boxlist .blockbox ul li:last-child:nth-child(3n + 2){margin-right: calc((100% - 372px) / 2);} 
.news_boxlist .blockbox ul li div.img{width:370px;height: 250px;overflow: hidden;border: 1px solid #CCC;}
.news_boxlist .blockbox ul li h2.oe{font-size: 20px;color:#000;font-weight: 500;line-height:40px;height:40px;padding:15px 0 0 0;width:90%;}
.news_boxlist .blockbox ul li div.time{color:#999;font-size: 14px;}
.news_boxlist .blockbox ul li p.dot{color:#999;font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;padding-top:5px;}
.news_boxlist .blockbox ul li:hover h2.oe{color: #b3181e;}

/**分页**/
.pages{ text-align:right; padding:30px 0 0 0 ;width:100%;margin:40px auto;border-top: 1px solid #000;font-size: 14px;}
.pages a{ display:inline-block;  margin:0 0 0 6px; text-align:center;font-size:16px;padding:0 5px;height:52px;width:52px;background: #EFEFEF;line-height: 52px;font-size: 16px;color:#000;}
.pages span{display: inline-block;margin:0 6px;text-align:center;font-size:16px;padding:0 5px;height:52px;width:52px;background: #EFEFEF;line-height: 52px;font-size: 16px;color:#000;}
.pages a:hover,.pages span.current{  background:#000; color:#fff;}
.pages .first{float: left;}
.pages .firstspan{color:#999;font-size: 14px;float:left;}
.news_title1{color: #333;font-size: 30px;display: block;width: 100%;text-align: center;margin-top: 30px;}
.news_boxlist .blockbox span.time{color:#999;font-size: 14px;padding-top: 10px;display: block;text-align: center;}
.news_deta{overflow: hidden;width:100%;margin-top:50px;line-height: 2;font-size: 16px;padding-bottom:40px;border-bottom:1px solid #666;}
/*.news_deta{overflow: hidden;width:100%;margin-top:50px;line-height: 1.6;}
.news_deta p,.news_deta img,.news_deta * img{width:auto!important;max-width:100%!important;height:auto;overflow: hidden;display: block;font-size: 15px;line-height: 1.6;font-size: #333;margin:0 auto;}
.news_deta p{text-indent:30px;padding-bottom: 30px;}
.news_deta p{padding-bottom: 30px;}
*/
.news_deta * img,.news_deta img{display: block;height: auto;margin: 10px auto;}
/**case page****/
.case_boxlist{width:100%;overflow: hidden;background:#fff;padding:30px 0 60px 0 ;}
.secmenu{height: 50px;overflow: hidden;width:1200px;margin:0 auto 40px auto;}
.secmenu ul{width:100%;text-align: center;height: 50px;}
.secmenu ul li{display: inline-block;font-size: 20px;margin:0 30px;}
.secmenu ul li a{display: block;color:#333;height:46px;line-height: 46px;width:100%;}
.secmenu ul li.on a::after,.secmenu ul li:hover a::after{content:'';transition: all .35s ease;height:4px;width:100%;background:#B3171D;display: block;}
.secmenu ul li a:hover,.secmenu ul li.on a{color:#b3181e;}
.case_boxlist .blockbox{overflow: hidden;}
.case_boxlist .blockbox ul {overflow: hidden;width:100%;height: auto;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.case_boxlist .blockbox ul li{width:372px;height: 330px;overflow: hidden;margin-bottom:30px;}
.case_boxlist .blockbox ul li:last-child:nth-child(3n + 2){margin-right: calc((100% - 372px) / 2);}
.case_boxlist .blockbox ul li:last-child:nth-child(3n + 2){margin-right: calc((100% - 372px) / 2);} 
/*.case_boxlist .blockbox ul li div.img{width:372px;height: 250px;overflow:}*/
.case_boxlist .blockbox ul li div.img{width:370px;height: 250px;overflow: hidden;border:1px solid #CCC;}
.case_boxlist .blockbox ul li h2.oe{font-size: 20px;color:#000;font-weight: 500;line-height:40px;height:40px;padding:15px 0 0 0;width:90%;}
.case_boxlist .blockbox ul li p.dot{color:#999;font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;}
.case_boxlist .blockbox ul li:hover h2.oe,.casebox .case-bd ul li:hover h2.oe{color: #b3181e;}

.case_rec{padding:60px 0 80px 0;width:100%;overflow: hidden;background: #FAFAFA;}
.case_rec .blockbox .casebox h3{color:#333;font-size: 20px;font-weight: 500;line-height: 36px;height:36px;}
.casebox{position: relative;height:320px;overflow: hidden;}
.casebox .case-hd{position: absolute;top:0px;right:0;width:86px;height: 36px;overflow: hidden;}
.casebox .case-hd a{display: block;width:36px;background:url(../images/prevnext.png) no-repeat -50px -48px;height: 36px;float:left;}
.casebox .case-hd a.next{margin-right: 10px;background-position: 0 -48px;}
.casebox .case-hd a.prev:hover{background-position: -50px 0;}
.casebox .case-hd a.next:hover{background-position: 0px 0px;}
.casebox .case-hd a.prevStop,.casebox .case-hd a.nextStop {opacity: .4;cursor: default;}
.tempWrap {width: 1200px !important;}
.casebox .case-bd{margin-top:10px;overflow: hidden;width:1200px;}
.casebox .case-bd ul{overflow:hidden; zoom:1;padding-top:20px!important;}
.casebox .case-bd ul li{width:290px;height: 243px;float: left;margin:0 5px;background:#fff; _display:inline; overflow:hidden;}
.casebox .case-bd ul li a{display: block;position: relative;}
.casebox .case-bd ul li a .c_detailbox{transition:all 0.2s ease; -webkit-transition:all 0.2s ease;width:290px;height:193px;background: url(../images/case/mask.png) no-repeat center;position: absolute;top:-100%;left:0;text-align: center;background-size: cover;}
.casebox .case-bd ul li a .c_detailbox h2{color:#fff;font-size: 22px;font-weight:500;}
.casebox .case-bd ul li a .c_detailbox h4{color: #fff;font-size: 14px;font-weight: 400;padding-top:5px;}
.casebox .case-bd ul li a:hover .c_detailbox{top:0;}
.casebox .case-bd ul li div.img{width:100%;height: 193px;overflow: hidden;}
.casebox .case-bd ul li h2.oe{color:#333;font-size: 14px;font-weight: 500;height:50px;line-height: 50px;text-align: center;}

.case_detailbox{width:100%;overflow: hidden;padding:40px 0 60px 0;background: #fff;}
.case_title2{color: #333;font-size: 30px;display: block;width:100%;}
.case_detailbox .blockbox{position: relative;overflow: hidden;}
.case_detailbox .blockbox a.view{display: block;width:216px;height: 43px;border:1px solid #b3181e;color:#b3181e;line-height: 43px;text-align: center;font-size: 16px;position: absolute;right:0;top:0;}
.case_detailbox .blockbox a.view:hover{background: #b3181e;color:#fff;text-indent: 35px;transition:all .3s ease;-webkit-transition:all .3s ease;}
.case_detailbox .blockbox .intro{width:100%;margin-top: 10px;overflow: hidden;font-size: 14px;line-height: 150%;}
.case_detailbox .blockbox .intro p{line-height: 1.6;color:#666;font-size: 14px;padding-bottom: 20px;}
.intro-img{overflow: hidden;width:100%;box-shadow: 0 0px 0px rgba(101,101,101,.2);margin-top: 50px;padding-bottom:50px;border-bottom:1px solid #666;}

/*.intro-img img{display: block;width:auto;height:auto;margin:0 auto;}*/

.mini_code{width:220px;height: 220px;position: absolute;top:0;right:18px;border-radius:100%;overflow: hidden;box-shadow:5px 10px 10px rgba(0,0,0,.1);}
.mini_code img{width:100%;height: 100%;border-radius:100%;}
.case_detailbox .blockbox .minipro{width:890px;overflow: hidden;}
.intro_ul{width:100%;height:300px;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.intro_ul li{width:180px;margin:0 10px;display: inline-block;border-radius:10px;background: #fff;padding:40px 20px;height:180px;overflow: hidden;text-align: center;}
.intro_ul li div.img{width:72px;height: 72px;overflow: hidden;margin:20px auto 0 auto;}
.intro_ul li h2{padding-top: 10px;font-size: 20px;color: #333;}
.intro_ul li .num{color:#B3181E;font-size: 22px;line-height: 1.6;font-family: "din-bold";}
.case_detailbox .blockbox .description{width: 100%;overflow: hidden;}
.case_detailbox .blockbox .description p.t{color:#333;font-size: 18px;line-height: 1.6}
.case_detailbox .blockbox .description .img{width:100%;margin-top: 30px;overflow: hidden;}
.case_detailbox .blockbox div.words{margin-top:30px;border-top:1px solid #000;padding-top: 20px;color:#333;font-size: 16px;line-height: 1.8}
.keywordsbox{width:100%;margin:40px auto 0 auto;overflow: hidden;padding-bottom: 50px;}
.keywordsbox div.img{width:80%;overflow: hidden;box-shadow: 2px 5px 15px rgba(100,100,100,.1);margin:20px auto;}
.keywordsbox h1{font-size:18px;line-height: 50px;height: 50px;font-weight: 400;color:#333;margin-top: 10px;}
.keywordsbox h1 em{color:#B3181E;padding-right: 15px;}
.keywordsbox h1 span{color:#333;font-weight: 400;padding-right: 10px;display: inline-block;}


/****右边客服*******/
.rightSlide_kefu{width:80px;position: fixed;top:511px;right:2px;z-index: 99999;}
.rightSlide_kefu ul li{background: #b3181e;width:80px;height: 70px;position: relative;margin-bottom: 3px;border-radius: 5px;}
.rightSlide_kefu ul li img{display: block;width:30px;height: 30px;margin:0 auto;padding-top:9px;}
.rightSlide_kefu ul li p.p{text-align: center;font-size: 14px;line-height: 30px;color:#fff;}
.info_tel{background: #444;padding:20px 25px;position: absolute;top:0;right:83px;display: none;width:125px;}
.info_tel h4{color:#fff;font-size: 16px;padding-bottom: 10px;font-weight: 500;}
.info_tel p{color:#fff;font-size: 14px;color:#fff;padding-bottom: 5px;}
.info_tel p span{display: block;font-size: 12px;line-height: 20px;}
.rightSlide_kefu ul li:hover{background: #444;}
.rightSlide_kefu ul li:hover .info_tel{display: block;}
.rightSlide_kefu ul li.go_top{display: none;}

/**关于我们*/
.about_5{overflow: hidden;width:100%;padding:100px 0;background: #fff;position: relative;}
.about_5 .blockbox {height: 606px;}
.about_5 .blockbox .about_img{position: absolute;top:100px;right:0;height:606px;width:1100px;overflow: hidden;}
.about_5 .blockbox .about_img img{display: block;width:70%;height: 70%;}
.about_5 .blockbox .about5_txt{overflow: hidden;width:410px;padding:80px 0 0 0;}
.about_5 .blockbox .about5_txt h4{color:#333;font-size: 30px;}
.mb20{margin-bottom: 20px;}
.about_5 .blockbox .about5_txt p{color:#333;font-size: 16px;padding-top: 15px;}
.c_aboutnum{height: 450px;background: url(../images/about1bg.png)  no-repeat center;background-size: cover;}
.about_4{padding:70px 0 100px 0;background: #F9F9F9;width:100%;overflow: hidden;}
.c_abouttitle{font-size: 26px;line-height: 1.6;text-align:center;color:#333;font-weight: 600;}
.about_4 .blockbox{padding:10px 0;}
.about_4 .blockbox ul{margin-top:50px;width:100%;height: auto;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.about_4 .blockbox ul li{width:285px;height: 270px;border-radius: 5px;background: #fff;}
.about_4 .blockbox ul li div.img{width:70px;height: 70px;margin:0 auto;padding-top:80px;}
.about_4 .blockbox ul li h2{text-align: center;color:#333;font-size: 20px;font-weight: 500;padding-top:15px;}
.aboutbg_title{text-align: center;font-size: 30px;color:#fff;padding:60px 0 80px 0;overflow: hidden;}
.c_aboutnum .blockbox{height: 265px;}
.about_3{width:100%;padding:80px 0 60px 0;overflow: hidden;background: #fff;}
.about_3 .blockbox{height: 344px;overflow: hidden;}
.about_3 .blockbox .about_3txt h4{color:#333;font-size: 30px;}
.about_3 .blockbox .about_3txt{width:680px;height: 344px;overflow: hidden;}
.about_3 .blockbox .about_3img{width:444px;height: 344px;overflow: hidden;}
.about_3 .blockbox .about_3txt p.txt{color: #333;font-size: 16px;line-height:1.7;padding-top:8px;font-weight: 400;}
.mb25{margin-bottom: 25px;}
.about_3 ul{padding:10px 0;width:1200px;margin:40px auto 0 auto;overflow: hidden;height: auto;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.about_3 ul li{width:115px;overflow: hidden;}
.about_3 ul li div.img{width:63px;height: 63px;border:1px solid #B3171D;border-radius:100%;margin:0 auto 10px auto;}
.about_3 ul li div.img img{width:32px;height: 32px;margin:0 auto;padding-top:15px;}
.about_3 ul li h3{color:#333;font-size: 16px;text-align: center;display: block;font-weight: 500;}
.about_banner{height: 700px;}
.aboutbannerbox{width:100%;overflow: hidden;text-align: center;position: absolute;top:0;left:0;-webkit-animation: fadeInDown 1s;animation: fadeInDown 1s;height: 100%;}
.aboutbannerbox h2{color:#fff;font-size: 72px;letter-spacing: 2px;margin-bottom: 30px;}
.aboutbannerbox .blockbox{padding:105px 0 0 0;overflow: hidden;}
.aboutbannerbox .blockbox p.txt{color:#fff;font-size: 16px;line-height: 2;text-align: left;}
.aboutbannerbox .blockbox ul{width:100%;height: 188px;margin-top:50px;overflow: hidden;position: relative;}
.aboutbannerbox .blockbox ul li{float:left;text-align: center;margin:6px 0;}
.aboutbannerbox .blockbox ul li span{display: block;color:#fff;font-size: 20px;cursor: pointer;width:100%;height: 100%;}
.aboutbannerbox .blockbox ul li.li1{background: url(../images/s1.png) repeat center;width:214px;height: 174px;}
.aboutbannerbox .blockbox ul li.li1 span{line-height: 174px;}
.aboutbannerbox .blockbox ul li.li2{width:748px;height: 50px;background: url(../images/s.png) repeat center;}
.aboutbannerbox .blockbox ul li.li2 span{line-height: 50px;}
.aboutbannerbox .blockbox ul li.mr12{margin-right:12px;}
.aboutbannerbox .blockbox ul li.ml12{margin-left:12px;}
.aboutbannerbox .blockbox ul li.li3{width:368px;height: 50px;background: url(../images/s2.png) repeat center;position: absolute;}
.aboutbannerbox .blockbox ul li.li4{left:226px;}
.aboutbannerbox .blockbox ul li.litop{top:62px;}
.aboutbannerbox .blockbox ul li.litop1{bottom:0px;}
.aboutbannerbox .blockbox ul li.li3 span{line-height: 50px;}
.aboutbannerbox .blockbox ul li.li5{right:226px;}
.aboutbannerbox .blockbox ul li:hover span{color:#ddd;}
.aboutbannerbox .blockbox ul li:hover {opacity: .8}

/*****sem****/
.c_client{padding:60px 0;overflow: hidden;width:100%;background: #F9F9F9;}
.c_client .blockbox ul{height: auto;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.c_client .blockbox ul li:last-child:nth-child(4n + 2){ margin-right: calc((100% - 278px) / 3 * 2);}  
.c_client .blockbox ul li:last-child:nth-child(4n + 3){ margin-right: calc((100% - 278px) / 3 * 1);} 
.c_client .blockbox ul li{height: 93px;width:278px;overflow: hidden;background: #fff;border-radius:5px;margin-bottom:25px;}
.c_semprocess{padding:60px 0;overflow: hidden;width: 100%;background: #fff;}
.c_semprocess ul{height:250px;overflow: hidden;margin-top:50px;position: relative; }
.c_semprocess ul li{float: left;height: 233px;width:233px;}
.c_semprocess ul li.li1{background: url(../images/libg1.png) no-repeat center;}
.c_semprocess ul li.li2{background: url(../images/libg.png) no-repeat center;}
.c_semprocess ul li div.num{ font-family: "din-bold";color:#fff;font-size: 22px;text-align:right;width:145px;margin:30px auto 10px auto;}
.c_semprocess ul li div.txt{width:125px;margin-left:45px;height:110px;text-align: center;overflow: hidden;}
.c_semprocess ul li div.txt h4{color:#333;font-size: 18px;font-weight: 500;}
.c_semprocess ul li div.txt p{color:#333;font-size: 14px;padding-top:10px;}
.sem_box5{width:100%;height: 530px;background: url(../images/sem_bg5.png) no-repeat center;overflow: hidden;}
.sem_box5 .blockbox{padding:60px 0;overflow: hidden;}
.sem_box5 .blockbox h5{color:#fff;font-size: 26px;font-weight: 500;text-align:center;}
.sem_box5 .blockbox div.txt{width: 510px;margin:115px 0 0 40px;overflow: hidden;height: auto;}
.sem_box5 .blockbox div.txt p{color:#fff;font-size: 18px;line-height: 2;}
.comtitle{text-align: center;overflow: hidden;}
.comtitle h4{color:#333;font-size: 26px;line-height: 1.6;display: block;}
.comtitle p{color: #878787;font-size: 16px;padding-top: 5px;}
.sem_box4{padding:60px 0;width: 100%;overflow: hidden;background: #F9F9F9;}
.sem_box4 ul{width: 100%;margin-top: 50px;display: flex;display: -webkit-flex;display: -ms-flexbox;justify-content: space-between;flex-wrap: wrap;}
.sem_box4 ul li{width:285px;overflow:hidden;border-radius:5px;background: #fff;height: 270px;position: relative;margin-bottom:15px;}
.sem_box4 ul li div.img{width:75px;height: 75px;margin:0 auto;padding-top:75px;}
.sem_box4 ul li h2{text-align: center;color:#333;font-size: 20px;padding-top:10px;font-weight: 500;}
.sem_box4 ul li div.shadowtxt{transition:all 0.2s ease; -webkit-transition:all 0.2s ease;width:100%;color:#fff;height: 100%;background: url(../images/shadow.png) repeat center;border-radius:5px;position: absolute;top:-100%;left:0;}
.sem_box4 ul li div.shadowtxt h3{text-align: center;font-size: 20px;display: block;}
.sem_box4 ul li div.shadowtxt p{font-size: 16px;line-height: 1.8;padding:20px 30px;}
.sem_box4 ul li:hover div.shadowtxt{top:0;}
.sem_box4 ul li:hover  div.img img,.sem_box4 ul li:hover h2{filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */-webkit-filter: blur(3px); /* Chrome, Opera */-moz-filter: blur(3px);-ms-filter: blur(3px);   filter: blur(3px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */} 
.sem_box1{padding:60px 0 0 0;background: #fff url(../images/sembox1.png) no-repeat  center bottom ;width:100%;overflow: hidden;height: 771px;}
.sem_box1 .blockbox h4{color:#333;font-size: 26px;text-align:center;}
.sem_box1 .blockbox ul{position: relative;width:100%;height: 100%;margin-top:80px;height: 770px;}
.sem_box1 .blockbox ul li{width:350px;height: 100px;position: absolute;}
.sem_box1 .blockbox ul li div.num{float:left;margin-right:20px;font-family: "din-bold";font-size:34px;color:#fff;background:#B82329;width:74px;height: 74px;border-radius: 100%;text-align: center;line-height: 74px;}
.sem_box1 .blockbox ul li .txt{float: left;color:#333;font-size: 18px;padding-top:10px;text-align: left}
.sem_box1 .blockbox ul li .txt em{color:#B82329;}
.sem_box1 .blockbox ul li.li1{bottom: 260px;left:15px;}
.sem_box1 .blockbox ul li.li2{bottom: 480px;left:50px;}
.sem_box1 .blockbox ul li.li5{bottom: 160px;right:0px;}
.sem_box1 .blockbox ul li.li5 div.num,.sem_box1 .blockbox ul li.li2 div.num{float: right;margin-right: 0;}
.sem_box1 .blockbox ul li.li5 div.txt{margin-left: 20px;width:226px;text-align: right}
.sem_box1 .blockbox ul li.li2 div.txt{margin-left: 15px;width:246px;text-align: right}
.sem_box1 .blockbox ul li.li3{top:25px;right:185px;}
.sem_box1 .blockbox ul li.li4{top: 280px;right:-50px;}
.sem_box2{padding:60px 0 0 0 ;background:#f6f6f6;width:100%;overflow: hidden;}
.sem_box2 .blockbox{height: 685px;background: url(../images/sembox2.png) no-repeat left bottom;overflow: hidden;}
.sem_box2 .blockbox ul{width:490px;margin-left: 710px;margin-top:150px;overflow: hidden;}
.sem_box2 .blockbox ul li{height:90px;overflow: hidden;background: url(../images/semli.png) no-repeat center;overflow: hidden;width:100%; line-height:92px;font-size: 18px;color: #333;}
.sem_box2 .blockbox ul li div.num{display: inline-block;border-radius:100%;width:50px;height: 55px;text-align: center;color:#fff;font-family: "din-bold";font-size: 24px;margin-left: 45px;margin-right: 20px;}

.sem_box3{width:100%;overflow: hidden;background: url(../images/sembox3.png) no-repeat center;height:669px; }
.sem_box3 .blockbox{padding:60px 0 0 0;overflow: hidden;}
.sem_box3 .blockbox .comtitle h4{color: #fff;}
.sem_box3left{overflow: hidden;width:440px;height:440px;margin-top:100px;}
.sem_box3left ul li{height:80px;width:100%;padding-top:10px;color:#fff;font-size: 20px;line-height:80px;padding-left: 70px;}
.sem_box3left ul li.mt5{margin-top: 5px;}
.sem_box3right{width:380px;overflow: hidden;margin-top:80px;margin-right:80px;}
.sem_box3right ul.ul1{height: 200px;}
.sem_box3right ul li{color:#fff;text-align: right;font-size: 14px;padding-bottom: 10px;}
.sem_box3right ul li p{color: #b3181e;}
.sem_box3right ul.ul2{height: 200px;margin-top:25px;}

/****seo****/
.seo_box1 ul li div.img{width:76px;height: 76px;margin:0 auto;padding-top:76px;}
.c_casecom{background: #F9F9F9;padding:60px 0;overflow: hidden;width: 100%;}
.c_casecom .casebox{height: 540px;margin-top: 20px;} 
.c_casecom .casebox ul li{width:285px;margin:0 7.5px;margin-bottom: 15px;}
.c_casecom .casebox ul li div.img{width:285px;height: 190px;}
.c_casecom  .casebox .case-bd ul li a .c_detailbox{width:285px;height: 190px;}
.more{display: block;width:200px;height: 54px;line-height: 54px;margin:40px auto 0 auto;text-align: center;font-size: 16px;color:#b3181e;background: #fff;border-radius:35px;box-shadow: 1px 5px 15px rgba(99,99,99,.2)}
.more:hover{background: #b3181e;color:#fff;}
.functionbox{padding:60px 0;width:100%;background: #fff;overflow: hidden;}
.functionbox ul{margin-top:50px;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.functionbox ul li{background: #fff;width:326px;height: 90px;padding:20px 30px;border-radius: 5px;position: relative;overflow: hidden;margin-bottom: 20px;}
.functionbox ul li div.img{width:63px;height:63px;border:1px solid #B3171D;border-radius: 100%;float: left;}
.functionbox ul li div.img img{width:40px;height: 40px;margin:11px auto;}
.functionbox ul li h2{color: #333;font-size: 20px;font-weight: 500;margin-left:80px;padding-top: 10px;}
.functionbox ul li h5{font-weight: 500;color:#878787;font-size: 14px;margin-left:80px;}
.functionbox ul li .shadowtxt{transition:all 0.2s ease; -webkit-transition:all 0.2s ease;width:100%;color:#fff;height: 100%;background: url(../images/shadow.png) repeat center;border-radius:5px;position: absolute;top:-100%;left:0;}
.functionbox ul li .shadowtxt p{font-size: 16px;line-height: 1.8;padding:20px 30px;}
.functionbox ul li:hover div.shadowtxt{top:0;} 
.seo_box3{width:100%;overflow: hidden;background: url(../images/seobox3.png) no-repeat center;height:668px;}
.seo_box3 .blockbox{padding:60px 0 0 0;overflow: hidden;}
.seo_box3 .seobox3_left,.seo_box3 .seobox3_right{width:50%;}
.seo_box3 .seobox3_right h4{color:#fff;font-size: 60px;text-align: left;padding-left:60px;}
.seo_box3 .seobox3_left h4{color:#333;font-size: 60px;text-align: right;padding-right:60px;}
.seo_box3 .seobox3_left ul{text-align: right;margin-right:120px;overflow: width:480px;margin-top:20px;}
.seo_box3 .seobox3_left ul li{margin-top:40px;text-align: right;background: url(../images/icon/icons8-cancel.png) no-repeat right 5px;padding-right:70px;height: 54px;width:100%;}
.seo_box3 .seobox3_left ul li h6{color:#333;font-size: 20px;}
.seo_box3 .seobox3_left ul li p{color: #717A7F;font-size: 16px;}
.seo_box3 .seobox3_right ul{text-align: left;margin-left:60px;overflow: width:440px;margin-top:20px;}
.seo_box3 .seobox3_right ul li{margin-top:40px;text-align: left;background: url(../images/icon/icons8-checked.png) no-repeat left 5px;padding-left:80px;height: 54px;width:100%;}
.seo_box3 .seobox3_right ul li h6{color:#fff;font-size: 20px;}
.seo_box3 .seobox3_right ul li p{color: #FFABB1;font-size: 16px;}
.seo_box4{background: url(../images/seobox4.png) no-repeat center;width: 100%;overflow:hidden;height: 641px;}
.seo_box4 .blockbox{padding-top: 60px;overflow: hidden;}
.seo_box4 .blockbox .comtitle h4{color:#fff;}
.seo_box4 .blockbox .comtitle p{color:#A9A9A9}
.seo_box4 .blockbox ul{margin-left:640px;margin-top:90px;width:550px;height:300px;overflow: hidden;}
.seo_box4 .blockbox ul li{height: 88px;margin-bottom: 22px;width:100%;}
.seo_box4 .blockbox ul li h4{font-size: 18px;color: #fff;padding-top: 15px;}
.seo_box4 .blockbox ul li p{color: #fff;font-size: 14px;}
.seo_box4 .blockbox ul li:nth-child(2){margin-left:15px;}
.seo_box4 .blockbox ul li:nth-child(3){margin-left:20px;}
.letter-spacing{letter-spacing:15px;}
.wechatbox3{background: #fff url(../images/wechatbox3.png) no-repeat center top;width: 100%;height:629px;padding-bottom: 50px;background-size: 100% 629px; }
.wechatbox3 h4{color:#fff;font-size: 26px;text-align: center;padding-top: 60px;}
.case_scrollbox{height:auto;position:relative;width:1200px;margin:30px auto 0 auto;}
.scrollWrap{overflow: hidden;}
.case_scrollbox .prev,.case_scrollbox .next{position: absolute;top:50%;margin-top: -17px;width:23px;height: 34px;cursor: pointer;}
.case_scrollbox .prev {background: url(../images/prevnext1.png) no-repeat  0 0;left:-50px;}
.case_scrollbox .next {background: url(../images/prevnext1.png) no-repeat  -37px 0;right:-50px;}
.dlList{overflow: hidden;width:100%;height: 558px;}
.scrollWrap dl{width:;float: left;text-align: center;margin:0 7.5px;overflow: hidden;}
.scrollWrap dl dt{display: block;width:285px;height: 500px;}
.scrollWrap dl dd{height: 54px;line-height: 54px;text-align: center;background: #fff;}
.scrollWrap dl dd h5{display: block;width:90%;margin:0 auto;color: #333;font-size: 16px;font-weight: 500;}
.w_precess{width:100%;overflow: hidden;padding:60px 0;background: #fff;}
.w_method{width:1200px;margin-top: 60px;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.w_method dl{width:510px;height: 86px;background: #fff;padding:28px 40px;}
.w_method dl dt{display: block;width:78px;float: left;height: 78px;overflow: hidden;}
.w_method dl dd{margin-left:50px;margin-top: 8px;float: left;}
.w_method dl  dd h3{color:#333;font-size:20px;}
.w_method dl  dd  p{color:#878787;font-size:14px;}
.w_method dl a.atel{display: block;float:right;margin-top:20px;width: 150px;height: 46px;border-radius: 5px;background: #b3181e;font-size: 18px;color:#fff;text-align:center;line-height: 46px;}
.process_box2{width:100%;padding:20px 0;position: relative;height: auto;margin-top: 60px;}
.process_box2 .line{height: 1px ;width:1118px;margin:0 auto;background: #000;position: absolute;top:120px;left:45px;}
.process_box2 ul{width:100%;position: relative;height: 240px}
.process_box2 ul li{width:120px;height: 160px;float: left;position: relative;}
.process_box2 ul li div.num{font-family: "din-bold";color:#fff;font-size: 22px;text-align:center;padding-left:10px;padding-top:40px;}
.process_box2 ul li.li1{background: url(../images/process2.png) no-repeat center;top:41px;}
.process_box2 ul li.li1-1{left:0;}
.process_box2 ul li.li2{background: url(../images/process1.png) no-repeat center;top:-1px;}
.process_box2 ul li.li2 div.txt{margin-top: -30px;}
.process_box2 ul li.li2 div.num{margin-top: 42px;}
.process_box2 ul li.li2-1{left:15px;}
.process_box2 ul li.li3-1{left:30px;}
.process_box2 ul li.li4-1{left:45px;}
.process_box2 ul li.li5-1{left:60px;}
.process_box2 ul li.li6-1{left:75px;}
.process_box2 ul li.li7-1{left:90px;}
.process_box2 ul li.li8-1{left:105px;}
.process_box2 ul li.li9-1{left:120px;}
.process_box2 ul li div.txt{color:#333;font-size: 20px;text-align: center;}
.process_box2 ul li.li1 div.txt{padding-top: 80px;}

/**网站建设***/
.works_process{width:100%;overflow: hidden;background: url(../images/websitebox6.png) no-repeat center;height: 610px;}
.works_process .blockbox{padding-top: 60px;overflow: hidden;}
.works_process .blockbox .comtitle h4{color:#fff;}
.works_process .blockbox .lcul{margin-left: 500px;width:700px;margin-top: 50px;height: 400px;}
.works_process .blockbox ul li{float: left}
.works_process .blockbox ul li.lcjt{background: url(../images/icons8-advance.png) no-repeat center;width:83px;height: 100px;}
.works_process .blockbox ul li.lcjt4{background: url(../images/icons8-advance-f.png) no-repeat center;width:83px;height: 100px;}
.works_process .blockbox ul{width:700px;position:relative;overflow: hidden;height: 160px;}
.works_process .blockbox ul li.li div.img{text-align: center;color:#fff;font-size:18px;line-height: 80px;background: url(../images/circle.png) no-repeat center;margin:0 auto 10px auto;}
.works_process .blockbox ul li.lcjt2{position:absolute;right:60px;top:160px;background: url(../images/icons8-advance1.png) no-repeat  center;width:60px;height:40px;}
.works_process .blockbox ul li.li p{color: #fff;font-size: 14px;text-align: center;}
.works_process .blockbox ul.ul1{height: 240px;}
.works_process .blockbox ul.ul2 li.lcjt3{width:126px;height: 100px;}
.webs_box4{width:100%;padding:60px 0;background: #fff url(../images/websbox4.png) no-repeat center bottom;height:620px;overflow: hidden;}
.webs_box4 .blockbox ul{width:100%;position: relative;height: 522px;margin-top: 50px;}
.webs_box4 .blockbox ul li{width:360px;position: absolute;height: 80px;overflow: hidden;}
.webs_box4 .blockbox ul li div.img{width:78px;height: 78px;}
.webs_box4 .blockbox ul li h5{color:#333;font-size: 20px;font-weight: 400;text-transform: uppercase;}
.webs_box4 .blockbox ul li p{color:#878787;font-size: 14px;text-transform: uppercase;line-height: 1.6;padding-top: 5px;}
.webs_box4 .blockbox ul li.li div.img{float: right}
.webs_box4 .blockbox ul li.li-1 div.img{float: left}
.webs_box4 .blockbox ul li.li{left:-25px;}
.webs_box4 .blockbox ul li.li-1{right:-25px;}
.webs_box4 .blockbox ul li.li1{top:40px;}
.webs_box4 .blockbox ul li.li2{top:180px;}
.webs_box4 .blockbox ul li.li3{top:315px;}
.webs_box4 .blockbox ul li.li4{top:445px;}
.webs_box4 .blockbox ul li.li-1 .txt{float: left;text-align: left;margin-left: 25px;padding-top: 5px;width:240px;}
.webs_box4 .blockbox ul li.li .txt{float:right;text-align: right;margin-right: 25px;display: block;padding-top: 5px;width:246px;}
.webs_box3{width:100%;background:  url(../images/websbox2.png) no-repeat center bottom;height:460px;overflow: hidden;}
.webs_box3 .blockbox{padding:60px 0;overflow: hidden;}
.webs_box3 .blockbox .comtitle h4{color:#fff;}
.webs_box3 .blockbox ul{overflow: hidden;width:100%;margin:50px auto 0 auto;}
.webs_box3 .blockbox ul li{cursor:pointer;margin-bottom:15px;color: #fff;text-align: center;height: 110px;width:285px;background: url(../images/websli.png) no-repeat center;border-radius:2px;}
.webs_box3 .blockbox ul li h5{font-size: 20px;padding-top:20px;}
.webs_box3 .blockbox ul li p{font-size: 14px;padding-top: 10px;}
.webs_box3 .blockbox ul li:hover{background: url(../images/websli1.png ) no-repeat center;}
.webs_box2{background: #F9F9F9;width:100%;height: auto;}
.webs_box2 .blockbox{padding:60px 0;}
.webs_box2 .blockbox .seritem{margin:60px 0 0 0;height: auto;}
.webs_box2 .blockbox ul{height: auto;float: left;}
.webs_box2 .blockbox ul.ul1{width:240px;}
.webs_box2 .blockbox ul.ul2{width:480px;}
.webs_box2 .blockbox ul li{width:220px;background: #fff;height: 175px;text-align: center;cursor: pointer;float: left;margin:10px;}
.webs_box2 .blockbox ul li.li1{height: 370px;}
.webs_box2 .blockbox ul.ul1 li.li2{position: absolute;}
.webs_box2 .blockbox ul li div.img{width:75px;height: 75px;margin:0 auto;}
.webs_box2 .blockbox ul li h5{color: #333;font-size:20px;font-weight: 500;padding-top: 10px;}
.webs_banner .banner_title .crumbs{margin-top: 20px;font-weight: 300;}
.webs_banner .banner_title h4{font-weight: 600;}
.webs_banner .flex-ul{width: 470px;height: 54px;margin:50px auto 0 auto;}
.webs_banner .flex-ul li{color:#fff;background: url(../images/shadow.png) repeat;height:54px;width:216px;line-height: 54px;text-align: center;border-radius: 30px;}
.webs_banner .flex-ul li h5{color:#fff;font-weight: 500;font-size: 16px;display: block;}
.webs_banner .flex-ul li.tels h5{background:url(../images/icon/tels.png) no-repeat 30px center;padding-left:20px;}
.webs_banner .flex-ul li.telss h5{background:url(../images/icon/tels1.png) no-repeat 24px center;padding-left:28px;}
.serviceItembox{width:1200px;margin:0px auto;background: #fff;padding:40px 0;position: relative;top:-50px;z-index: 999;}
.serviceItembox ul{padding:0 40px;}
.serviceItembox ul li{min-height:150px;text-align: center; }
.serviceItembox ul li div.img{width:70px;height: 70px;margin:0 auto 10px auto;overflow: hidden;}
.serviceItembox ul li h5{color: #333;font-size: 20px;}
.serviceItembox ul li p{color: #878787;font-size: 16px;padding-top:5px;}


/**小程序**/
.minibox3{background: #F9F9F9;padding:60px 0;overflow: hidden;width:100%;}
.minibox3 h4{color:#333;font-size: 26px;text-align: center;}
.mini_precess .process_box2 {margin-top: 130px;padding-bottom: 60px;}
.mini_precess .process_box2 .line{left:60px;width:1100px;top:119px;}
.mini_precess .process_box2 ul li.li1-1{left:-20px;}
.mini_precess .process_box2 ul li.li2-1{left:0px;}
.mini_precess .process_box2 ul li.li3-1{left:5px;}
.mini_precess .process_box2 ul li.li4-1{left:10px;}
.mini_precess .process_box2 ul li.li5-1{left:15px;}
.mini_precess .process_box2 ul li.li6-1{left:20px;}
.mini_precess .process_box2 ul li.li7-1{left:25px;}
.mini_precess .process_box2 ul li.li8-1{left:30px;}
.mini_precess .process_box2 ul li{width:150px;}
.mini_precess .process_box2 ul li p{color:#999;font-size: 14px;text-align: center;width:100%;padding-top: 10px;height: 36px;line-height:22px;}
.mini_precess .process_box2 ul li.li2 p{margin-top:-100px;padding-bottom: 30px;}
.mini_precess .process_box2 ul li.li2 div.txt{margin-top: 5px;}
.mini_precess .process_box2 ul li.li2 div.num{margin-top: 30px;}
.mini_box1{padding:70px 0;width: 100%;overflow: hidden;background: #fff;}
.mini_box1 .comtitle p{padding-top: 20px;}
.mini_box1 .img{width:828px;height: 427px;margin:50px auto 0 auto;overflow: hidden;}
.mini_box2{height: 550px;width: 100%;overflow: hidden;background: url(../images/minibox3.png) no-repeat center;}
.mini_box2 .blockbox,.mini_box5 .blockbox{padding-top: 60px;overflow: hidden;}
.mini_box2 .blockbox .comtitle h4,.mini_box5 .blockbox .comtitle h4{color:#fff;}
.mini_box2 .blockbox .comtitle p{color:#fff;padding-top: 5px;}
.mini_box2 .blockbox ul ,.mini_box5 .blockbox ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;width:1000px;margin:60px auto 0 auto;}
.mini_box2 .blockbox ul li,.mini_box5 .blockbox ul li{width:200px;margin-bottom:35px;}
.mini_box2 .blockbox ul li div.img{border-radius:100%;width:78px;margin:0 auto 15px auto;height:78px;background:#222;-webkit-opacity: 0.7;   /* Netscape and Older than Firefox 0.9 */   -moz-opacity: 0.7;   /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  -khtml-opacity: 0.7;   /* IE9 + etc...modern browsers */  opacity: .7;  /* IE 4-9 */   filter:alpha(opacity=70);   /*This works in IE 8 & 9 too*/   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  /*IE4-IE9*/  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.mini_box2 .blockbox ul li div.img img{width:32px;height: 32px;margin:0 auto;padding-top: 23px;}
.mini_box2 .blockbox ul li h5,.mini_box5 .blockbox ul li h5{text-align: center;font-size: 16px;color: #fff;font-weight: 400;}
.mini_box4{width:100%;overflow: hidden;padding:60px 0;background: #fff;}
.mini_box4 div.img{width:100%;height: 540px;margin-top: 60px;}
.mini_box5{height: 530px;width: 100%;overflow: hidden;background: url(../images/minibox5.png) no-repeat center;}
.mini_box5 .blockbox ul li div.img{width:80px;height: 80px;margin:0 auto 15px auto;}
/**系统开发**/
.sys_banner ul.flex-ul{width:800px;margin:50px auto 0 auto;}
.sys_banner ul.flex-ul li{width:160px;}
.sys_banner ul.flex-ul li div.img{width:64px;height:64px;margin:0 auto 15px auto;}
.sys_banner ul.flex-ul li h5{font-weight: 500;font-size: 18px;text-align: center;color: #fff;}
.sys_box1{padding:60px 0;width:100%;overflow: hidden;background: #fff;}
.sys_box1 .comtitle p{padding-top: 20px;}
.sys_box1 ul{width:1000px;margin:60px auto 0 auto;}
.sys_box1 ul li{float: left;margin:0 30px;}
.sys_box1 ul li.li1 div.img{margin:0 auto 12px auto;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;background: #313749;width:70px;height: 70px;}
.sys_box1 ul li.li1 div.img img{width:35px;height: 35px;margin:0 auto;padding-top:17.5px; }
.sys_box1 ul li.li1 h5{font-size: 24px;text-align: center;font-weight: 500;color: #333;margin-bottom: 20px;}
.sys_box1 ul li.li1 p.t{color: #878787;font-size: 16px;}
.sys_box1 ul li.li2{background: url(../images/icon/sys9.png) no-repeat center;width:41px;height: 100px;margin:0 10px;}
.sys_box3{width:100%;background:#f9f9f9 url(../images/sysbox4.png) no-repeat center;height: 770px;overflow: hidden;}
.sys_box3 .blockbox{padding-top: 60px;overflow: hidden;}
.sys_box3 .blockbox ul{width:100%;position: relative;overflow: hidden;height: 700px;}
.sys_box3 .blockbox ul li{position: absolute;width: 380px;}
.sys_box3 .blockbox ul li div.img{width:74px;height: 74px;float: left}
.sys_box3 .blockbox ul li div.txt{margin-left:100px;margin-top: 10px;text-align: left}
.sys_box3 .blockbox ul li div.txt h5{color:#333;font-size: 20px;font-weight: 400;text-transform: uppercase;}
.sys_box3 .blockbox ul li div.txt p{color:#878787;font-size: 14px;text-transform: uppercase;}
.sys_box3 .blockbox ul li.li1{bottom: 170px;left:0;}
.sys_box3 .blockbox ul li.li2{bottom: 410px;left:320px;}
.sys_box3 .blockbox ul li.li3{bottom: 535px;left:620px;}
.sys_box3 .blockbox ul li.li4{bottom: 265px;right:10px;}
.sys_box3 .blockbox ul li.li5{bottom: 100px;right:0px}
.sys_box3 .blockbox ul li.li5 div.img{float:right}
.sys_box3 .blockbox ul li.li5  div.txt{text-align: right;margin-right:30px;margin-left: 0;float:right;}
.sys_box4{width:100%;padding:60px 0;height: 680px;background:#fff url(../images/sysbox5.png) no-repeat center;overflow: hidden;}
.sys_box4 .blockbox{overflow: hidden;}
.sys_box4 .blockbox ul{overflow: hidden;width:100%;position: relative;height: 600px;}
.sys_box4 .blockbox ul li{width:320px;position: absolute;height: 80px;overflow: hidden;}
.sys_box4 .blockbox ul li div.img{width:78px;height: 78px;}
.sys_box4 .blockbox ul li h5{color:#333;font-size: 20px;font-weight: 400;text-transform: uppercase;}
.sys_box4 .blockbox ul li p{color:#878787;font-size: 14px;text-transform: uppercase;}
.sys_box4 .blockbox ul li.li div.img{float: right}
.sys_box4 .blockbox ul li.li{left:0;}
.sys_box4 .blockbox ul li.li-1{right:0;}
.sys_box4 .blockbox ul li.li1{top:40px;}
.sys_box4 .blockbox ul li.li2{top:160px;}
.sys_box4 .blockbox ul li.li3{top:265px;}
.sys_box4 .blockbox ul li.li4{top:380px;}
.sys_box4 .blockbox ul li.li5{top:490px;}
.sys_box4 .blockbox ul li.li-1 div.img{float: left}
.sys_box4 .blockbox ul li.li-1 .txt{float: left;text-align: left;margin-left: 25px;}
.sys_box4 .blockbox ul li.li .txt{float:right;text-align: right;margin-right: 25px;display: block}
.sys_box5{width:100%;height: 610px;background:url(../images/sysbox6.png) no-repeat center;overflow: hidden;}
.sys_box5 .blockbox,.sys_box2 .blockbox{padding-top: 60px;overflow: hidden;}
.sys_box5 .blockbox .comtitle h4,.sys_box2 .blockbox .comtitle h4{color:#fff;}
.sys_box5 .blockbox ul{overflow: hidden;width:100%;position: relative;margin-top: 60px;height: auto;height: 400px;}
.sys_box5 .blockbox ul li{width: 300px;height: 50px;position: absolute;}
.sys_box5 .blockbox ul li div.t h5{color:#fff;font-size: 20px;font-weight: 500;text-transform: uppercase;}
.sys_box5 .blockbox ul li div.t p{color:#fefefe;font-size: 14px;text-transform: uppercase;opacity: .6;}
.sys_box5 .blockbox ul li.li div.t{text-align: right;}
.sys_box5 .blockbox ul li.li-1 div.t{text-align: left;}
.sys_box5 .blockbox ul li.li {left:0;}
.sys_box5 .blockbox ul li.li-1 {right:0;}
.sys_box5 .blockbox ul li.li1{top:10px;}
.sys_box5 .blockbox ul li.li2{top:100px;}
.sys_box5 .blockbox ul li.li3{top:190px;}
.sys_box5 .blockbox ul li.li4{top:280px;}
.sys_box6{width:100%;padding:60px 0;overflow: hidden;background: #fff;}
.sys_box6 ul{width:100%;overflow: hidden;margin:50px auto 0 auto;background: url(../images/sysbox7.png) no-repeat center ;height:366px;position: relative; }
.sys_box6 ul li{position: absolute;width:130px;overflow: hidden;}
.sys_box6 ul li.li1{top:30px;left:30px;}
.sys_box6 ul li.li2{bottom:80px;left:175px;}
.sys_box6 ul li.li3{top:30px;left:285px;}
.sys_box6 ul li.li4{bottom:60px;left:415px;}
.sys_box6 ul li.li5{top:30px;right:535px;}
.sys_box6 ul li.li6{bottom:60px;right:410px;}
.sys_box6 ul li.li7{top:30px;right:300px;}
.sys_box6 ul li.li8{bottom:60px;right:160px;}
.sys_box6 ul li.li9{top:30px;right:40px;}
.sys_box6 ul li h5.t{color: #333;font-size: 18px;text-align: center;}
.sys_box6 ul li.li h5.t{color: #B3181E;}
.sys_box6 ul li p{color: #888;font-size: 14px;text-align: center;padding-top: 5px;}
.sys_box2{background: url(../images/sysboxs.png) no-repeat center;width:100%;overflow: hidden;height:550px; }
.sysboxNav{overflow: hidden;width:100%;height: 330px;margin-top: 60px;}
.sysboxNav .syshd{float: left;width:286px;height: 330px;overflow: hidden;}
.sysboxNav .syshd li{margin-bottom:15px;cursor:pointer;height: 54px;width:226px;padding-left:66px;background:url(../images/sysli1.png) no-repeat center;}
.sysboxNav .syshd li h5{font-weight:500;line-height: 54px;color:#fff;font-size: 16px;display: block;padding-left:40px;text-align: left;}
.sysboxNav .syshd li.li1 h5{background: url(../images/icon/sys25.png) no-repeat left;}
.sysboxNav .syshd li.li2 h5{background: url(../images/icon/sys26.png) no-repeat left;}
.sysboxNav .syshd li.li3 h5{background: url(../images/icon/sys29.png) no-repeat left;}
.sysboxNav .syshd li.li4 h5{background: url(../images/icon/sys27.png) no-repeat left;}
.sysboxNav .syshd li.li5 h5{background: url(../images/icon/sys28.png) no-repeat left;}
.sysboxNav .syshd li.li5{margin-bottom: 0;}
.sysboxNav .syshd li.on,.sysboxNav .syshd li:hover{background:url(../images/sysli2.png) no-repeat center;}
.sysboxNav .sysbd{float:right;width:800px;padding:40px;height: 250px;overflow: hidden;background:url(../images/ss.png) repeat center;}
.sysboxNav .sysbd dl{overflow: hidden;width:100%;height: 100%;}
.sysboxNav .sysbd dl dt{color: #fff;font-size:22px;text-align: center;line-height: 20px;}
.sysboxNav .sysbd dl dd{height: 202px;width:100%;overflow: hidden;margin-top: 28px;}
.sysboxNav .sysbd dl dd a{display: block;text-align: center;font-size:16px;float: left;color:#fff;width:246px;height:54px;line-height: 54px;background:url(../images/s22.png) repeat center;border-radius: 2px;margin: 0px 20px 20px 0;}
.sysboxNav .sysbd dl dd  a:nth-child(3n){margin-right: 0}
.sysboxNav .sysbd dl dd  a:hover {background: #b3181e}

/*分页示范*/
.huangPageBox{background: #FFF;padding-top:30px;font-size: 16px !important;float: right;}
.huangPageBox .block{padding-top: 0.4rem;}
.huangPageBox .block a:nth-child(1){margin-bottom: 0.1rem;}
.huangPageBox .block a,.huangPageBox .block a span:nth-child(2){white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.huangPageBox .block a span{display: inline-block;}
.huangPageBox .block a{display: flex;width: 100%;height: 30px;line-height: 30px;color: #999;transition: all 0.2s;}
.huangPageBox .block a:hover{color: #B3181E;}
/*.crumbs {margin-bottom: 20px;font-size: 16px;}*/
.crumbs {margin-bottom: 20px;font-size: 14px;}
/*.crumbs a{font-size: 16px;}*/
.crumbs a{font-size: 14px;}
.crumbs span{color: #B3181E}
/***屏幕响应处理20201202***/
@media (max-width:1440px) {
  /***导航*/
  .c_top .blockbox .c_nav li.li{padding:0 8px;}

  /**关于我们**/
  .about_5 .blockbox{height: 440px;}
  .about_5 .blockbox .about_img{width:800px;height: 440px;}
  .about_5 .blockbox .about5_txt{padding-top: 120px;}

}

/**20201230首页banner换成大视频**/
.y_videobanner{width:100vw;height:100vh;overflow:hidden;position: relative;}
.y_videobanner .inner{position:relative;top:-130px;}
.videoBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;background:#000;transition: opacity 1s ease;position:relative;}
.videoBg video{position: absolute;right: 0px;bottom: 0px;min-width: 100%;min-height: 100%;height: auto;width: auto;}
.videoBg source{min-width: 100%;min-height: 100%;height: auto;width: auto;}
.videoBgbox{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/test/1.jpg) no-repeat;background-size:cover;z-index:1;display:none;}
.section-bd {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;background:#000;-webkit-opacity: 0.7;   /* Netscape and Older than Firefox 0.9 */  -moz-opacity: 0.7;  /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  -khtml-opacity: 0.7;  /* IE9 + etc...modern browsers */   opacity: .7;  /* IE 4-9 */  filter:alpha(opacity=70);  }
.inner {*zoom:1;margin:0 auto;position:relative;width:100%;max-width:1300px}
.inner:before,.inner:after {display:table;content:""}
.inner-content {text-align:center;}
.inner-content h2,.inner-content h3,.inner-content p{color:#fff;}
.inner-content h2{font-size: 110px;font-weight: 600;}
.inner-content h3{font-size: 66px;letter-spacing: 6px;font-weight: normal;}
.inner-content h2{padding-bottom: 15px;}
.inner-content p{font-size: 30px;padding-top: 10px;letter-spacing: 2px;}
.mouse{height:0px;position: relative;}
.slideDown{z-index: 999999;-webkit-animation: Tmouse 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;animation: Tmouse 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;position: absolute;width:99px;height:65px;display:block;z-index:99999;bottom: 130px;left:50%;margin-left:-49.5px;background:url(../images/Scroll.png) no-repeat center;background-size:100% 100%;}
.linedown{width:1px;height: 140px;background:#A0A0A0;position: absolute;bottom: -35px;left:50%;margin-left:-0.5px;z-index: 1; }
.linedown i{display: block;width:1px;transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;animation: move 5s infinite linear;-webkit-animation: move 5s infinite linear;-o-animation: move 5s infinite linear;-moz-animation: move 5s infinite linear;}
@-webkit-keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-5px);
  }
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes move {
  from {
    height:0px;
    opacity:1;
    background:#B3181E;
  }
  to {
    height:100%;
    opacity:1;
    background:#B3181E;
  }
}


.c_nybanner2021{position:relative}
.mask{width: 100%;height:100%;/*background:#000;*/-webkit-opacity: 0.5;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.5;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.5;  
    /* IE9 + etc...modern browsers */  
    opacity: .5;  
    /* IE 4-9 */  
    filter:alpha(opacity=50);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); z-index:99;position:absolute;top:0;left:0;}
.c_nybanner2021 .banner_title{position:absolute;top:0;left:0;z-index:100;}
.c_nybanner2021 .banner_title span{font-size:24px;color:#fff;line-height:2;}
.float-boxs {position: fixed;top: 25%;left: 10px;z-index: 99999;width: 259px;}